<template>
  <div class="submit-page">
     <x-header :left-options="{showBack: false}">支付结果</x-header>
    <icon style="font-size:100px;" :type="status?'success':'warn'" is-msg></icon>
    <p class="text">{{status?'支付成功':'支付失败'}}</p>
    <x-button class="back-btn" type="primary" @click.native="_goback">返回</x-button>
  </div>
</template>
<script>
import { Vue, Component } from 'vue-property-decorator';
import {
  Icon,
  XHeader,
  XButton
} from 'vux';
@Component({
  components: {
    Icon,
    XHeader,
    XButton
  }
})
export default class SubmitPage extends Vue {
  status = false
  _goback () {
    this.$router.go(-1)
  }
}
</script>
<style lang="less">
  .submit-page {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .text {
      font-size: 24px;
      padding: 20px 0;
    }
    .back-btn {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
    }
  }
</style>
